<template>
  <section :class="!isSetPageBackground ? 'c-bg-white' : ''" class="c-ph24 c-pv24 c-flex-column"
    :style="item.styleParam && item.styleParam.marginSettings ? getVerticalSpacing(item.styleParam.marginSettings) + getHorizontalSpacing(item.styleParam.marginSettings) : ''">
    <div class="c-fs24 c-fc-sblack c-wb-ba c-wb-ba " :class="[cfg && cfg.isCopyPicture == 0 ? 'closeBig' : 'aCloseBig', cfg && cfg.isCopy == 0 ? 'copyNot' : '']" v-html="!item.items.ossPath ? item.items.text : ossHtml"></div>
  </section>
</template>
<script>
import { customStyle } from '@/utils/customStyle.js'
import { utilJs } from "@/utils/common.js";
export default {
  components: {
  },
  mixins: [customStyle],
  props: {
    item: {
      type: Object,
      default: () => {
        return {}
      },
    },
  },
  data() {
    return {
      ossHtml: '',
      cfg: JSON.parse(localStorage.getItem("cfg")),
      isSetPageBackground: sessionStorage.getItem("isSetPageBackground") || 0,
    };
  },
  created() {
    if (this.item.items.ossPath) {
      utilJs.getPageHtml(this.item.items.ossPath, res => {
        this.ossHtml = res;
      });
    }
  },
  methods: {
  },
};
</script>
<style scoped>
.closeBig >>> p > img,
.closeBig >>> section > img,
.closeBig >>> div > img,
.closeBig >>> img {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.aCloseBig >>> p > a > img,
.aCloseBig >>> section > a > img,
.aCloseBig >>> div > a > img {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}
</style>